<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="/static/component/pear/css/pear.css" />
</head>
<body class="pear-container">
<div class="layui-card">
  <div class="layui-card-body">
    <table id="user-table" lay-filter="user-table"></table>
  </div>
</div>

<script type="text/html" id="user-toolbar"></script>

<script type="text/html" id="user-bar">
  <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-survey"></i></button>
  <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
</script>


<script type="text/html" id="user-auth">
  {{#if (d.status == 0) { }}
  <span class="layui-badge layui-bg-orange">未审核</span>
  {{# }else if(d.status == 1){ }}
  <span class="layui-badge layui-bg-blue">已审核</span>
  {{# } }}
</script>

<script src="/static/component/layui/layui.js"></script>
<script src="/static/component/pear/pear.js"></script>
<script>
  layui.use(['table', 'form', 'jquery','common'], function() {
    let table = layui.table;
    let form = layui.form;
    let $ = layui.jquery;
    let common = layui.common;

    let cols = [
      [{type: 'checkbox'},
        {title: 'ID', field: 'id', align: 'center'},
        {title: '用户帐号', field: 'uid', align: 'center'},
        {title: '真实姓名', field: 'name', align: 'center'},
        {title: '身份证号码', field: 'idcard', align: 'center'},
        {title: '处理状态', field: 'status', align: 'center', templet: '#user-auth'},
        {title: '创建时间', field: 'create_time', align: 'center'},
        {title: '操作', toolbar: '#user-bar', align: 'center', width: 130}
      ]
    ]

    table.render({
      elem: '#user-table',
      url: "{:url('certify/index')}",
      page: true,
      limit:20,
      cols: cols,
      skin: 'line',
      toolbar: '#user-toolbar',
      defaultToolbar: [{
        title: '刷新',
        layEvent: 'refresh',
        icon: 'layui-icon-refresh',
      }, 'filter', 'print', 'exports']
    });

    table.on('tool(user-table)', function(obj) {
      if (obj.event === 'remove') {
        window.remove(obj);
      } else if (obj.event === 'edit') {
        window.edit(obj);
      }
    });

    table.on('toolbar(user-table)', function(obj) {
      if (obj.event === 'refresh') {
        window.refresh();
      }
    });


    window.edit = function(obj) {
      layer.confirm('确认通过该条实名认证请求吗？', {
        icon: 3,
        title: '提示'
      }, function(index) {
        layer.close(index);
        let loading = layer.load();
        $.ajax({
          url: "{:url('certify/edit')}?id=" + obj.data['id'],
          dataType: 'json',
          type: 'get',
          success: function(result) {
            layer.close(loading);
            if (result.code == 200) {
              layer.msg(result.msg, {
                icon: 1,
                time: 1000
              },function(){
                window.refresh();
              });
            } else {
              layer.msg(result.msg, {
                icon: 2,
                time: 1000
              });
            }
          }
        })
      });
    }

    window.remove = function(obj) {
      layer.confirm('确定要删除该认证内容吗？', {
        icon: 3,
        title: '提示'
      }, function(index) {
        layer.close(index);
        let loading = layer.load();
        $.ajax({
          url: "{:url('certify/delete')}?id=" + obj.data['id'],
          dataType: 'json',
          type: 'get',
          success: function(result) {
            layer.close(loading);
            if (result.code == 200) {
              layer.msg(result.msg, {
                icon: 1,
                time: 1000
              }, function() {
                obj.del();
              });
            } else {
              layer.msg(result.msg, {
                icon: 2,
                time: 1000
              });
            }
          }
        })
      });

    }

    window.refresh = function(param) {
      table.reload('user-table');
    }
  })
</script>
</body>
</html>
